<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>30 - 字符串</title>
</head>
<body>
    <script>

        // 字符串处理方法



        // 1. concat() 方法
        // 作用:  拼接(合并)字符串
        // 语法:     
        // ☛   字符串.concat('字符串');    返回值 ---- 返回的结果是一个字符串
        let str1 = 'abc';
        let str2 = 'bcd';
        console.log(str1.concat(str2));     // abcbcd

        let str = `${str1}${str2}`;
        console.log(str1 + str2);           // abcbcd





        // 2. toUpperCase()  |  toLowerCase()
        // 作用:  toUpperCase()     将字母转换为大写
        // 作用:  toLowerCase()     将字母转换为小写
        // 语法:     
        // ☛   字符串.toUpperCase();
        // ☛   字符串.toLowerCase();
        let str3 = 'ABCD123';
        console.log(str3.toUpperCase());
        console.log(str3.toLowerCase());





        // 3. startsWith()  |  endsWith()
        // 作用:  startsWith()      判断字符串是否以某个值开始
        // 作用:  endsWith()        判断字符串是否以某个值结束
        // 语法:     
        // ☛   字符串.startsWith(值);
        // ☛   字符串.endsWith(值);
        let str4 = 'ABC-123';
        console.log(str4.startsWith('abc'));      // false
        // 返回值 
        // ---- 区分字母大小写
        // ---- 返回的结果是布尔值, true 代表以某个值开始, false 代表不是以某个值开始





        // 4. padStart(位数, '值')  |  padEnd(位数, '值')
        // 作用:   判断当前字符串是否满足对应的位数, 如果不满足补充对应的值
        // 语法:     
        // ☛   字符串.padStart(位数, '要补充的值');        在字符串的前面补充对应的值
        // ☛   字符串.padEnd(位数, '要补充的值');          在字符串的末尾补充对应的值





        // 5. split() 
        // 作用:  将字符串按照对应的字符进行分割 (分割字符串)
        // 语法:     
        // ☛   字符串.split('分割符');     // 返回值 ---- 字符串分割后, 返回的结果是一个数组
        let str5 = 'uname=|laoduan';
        let res5 = str5.split('=|');
        console.log(res5);                 // ['uname', 'laoduan']





        // 6. substring(indexStart, indexEnd)  |  substr(start, length)
        // 作用:  截取字符串
        // 语法:     
        // ☛   字符串.substring(indexStart, indexEnd);
        // ☛   字符串.substr (start, length);

        // indexStart 表示从哪个位置开始截取字符串
        // indexEnd 表示截取字符串到哪结束, 但是不包含结束位置处的值, 不设置默认截取到字符串的末尾

        // start 表示从哪开始截取
        // length 表示要截取字符串的长度, 不设置默认截取到字符串的末尾





        // 7. indexOf() 方法
        // 作用:  和数组中的 indexOf() 方法完全一样, 获取字符串中值的索引
        // 语法:     
        // ☛   字符串.indexOf('值');





        // 8. replace() 方法
        // 作用:  替换字符串
        // 语法:     
        // ☛   字符串.replace('要被替换的值', '替换后的值');
        // ☛   字符串.replace(正则, '替换后的值');







        // 作用:  
        // 语法:     
        // ☛   
    </script>
</body>
</html>